body {
    min-width: 320px;
    max-width: 750px;
    // width: 20rem;
    margin: 0 auto;
    background-color: #f2f4f7;
    height: 1600px;
    // overflow: hidden;
}

// 约束 当屏幕大于750px的时候 html的字体大小就不变化了
// 750➗20=37.5
@media screen and (min-width:750px) {
    html {
        font-size: 37.5px !important;
    }
}


.header {
    font-size: .9333rem;
    height: 2.1333rem;
    border-bottom: .0267rem solid #EAEAEA;
    text-align: center;
    line-height: 2.1333rem;
}

nav {
    display: flex;
    // 换行
    flex-wrap: wrap;
    padding: 1.1733rem 0 1.6rem 0;

    a {
        // flex: 33.3333%;
        width: 33.3333%;
        display: flex;
        flex-direction: column;
        align-items: center;

        // 这里是margin和padding都行
        // margin:  1.1733rem 0 .6933rem 0;
        img {
            // 3.7067rem
            width: 3.7067rem;
            height: 3.7067rem;
        }

        p {
            font-size: .3333rem;
            color: #707070;
            margin: 0;
            // 这里是margin和padding都行
            margin-top: .2133rem;


        }

        // 选出前面三个a
        // a包裹 图片和文字
        &:nth-child(-n+3) {
            padding-bottom: 1.6533rem;
        }
    }
}

// go部分-------------------------------------------------
.go {
    width: 19.2533rem;
    height: 4.0533rem;
    margin: 0 .2667rem 0 .48rem;

    img {
        width: 100%;
    }
}

.one {
    background-color: white;
    padding-bottom: 1.1467rem;
    border-bottom: .2667rem solid #F2F4F7;
}

// 第二部分-----------------------------------------------
.two,
.three {
    padding-bottom: 1.1467rem;
    border-bottom: .2667rem solid #F2F4F7;
    background-color: white;
}

.nav2 {
    display: flex;
    justify-content: space-between;
    padding-top: 1.0667rem;
    align-items: center;

    span1 {
        display: flex;
        color: #333333;
        font-size: .7467rem;
        font-weight: bold;
        padding-left: 1.0133rem;
        align-items: center;

        img {
            width: 1.0133rem;
            height: 1.0133rem;
            padding-right: .48rem;
        }
    }

    span2 {
        color: #999999;
        font-size: .5867rem;
        padding-right: .64rem;
    }
}

// swiper轮播图部分
.get-job {
    position: relative;
    padding-top: .9067rem;

    .swiper-container {
        // width: 100%;
        height: 100%;
        width: 14.4rem;
        // .swiper-wrapper {

        // }
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        // 把主轴设置成y轴
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 300ms;
        // 其他的小盒子是0.8倍
        transform: scale(0.8);
        // 透明度
        opacity: .6;

        img {
            width: 9.0133rem;
            height: 10.0267rem;
        }

        p {
            font-size: .6667rem;
            width: 9.0133rem;
        }
    }

    .swiper-slide-active,
    .swiper-slide-duplicate-active {
        // 中间的大盒子是1倍
        transform: scale(1);
        // 把他的层叠性改成最高
        z-index: 999;
        // 当前盒子的透明度为1
        opacity: 1;
    }
}

// 第二个轮播图：study
.study {
    width: 100%;
    .swiper {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin-left: .8267rem;
        .swiper-slide {
            // 
            margin-top: 1.3067rem;
            box-shadow: 0 0 .2667rem rgba(0, 0, 0, .1);
            width: 7.7333rem;
            height: 9.0667rem;
            
            font-size: 18px;
            background: #fff;
           flex-direction: column;
           border-radius: .2667rem;
            overflow: hidden;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
    
            p{
                margin-left: .08rem;
                font-size: .6667rem;
                &:last-child{
                    padding-left: -0.4rem !important;
                }
                &:last-child span{
                    color: #FF4400;
                }    
            }
            
        }
    
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }


}

// 底部导航栏
.last {
    width: 100%;
    // position: fixed;
    // bottom: 0;
    // left: 0;
    background-color: white;
    border-top: .0267rem solid #E2E2E2;

    .nav-footer {
        display: flex;

        a {
            width: 25%;
            padding-bottom: .5333rem;

            img {
                width: 1.04rem;
                height: 1.0933rem;
            }

            p {
                margin-top: .3733rem;
            }
        }

        padding-top: .5067rem;
        padding-bottom: 0;
        margin: 0;
    }
}